<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
    <base href="${pageContext.request.contextPath}/"/>
    <title>襄阳蓝芯智能化办公系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        /*定义类名为.thead-blue的样式*/
        .thead-blue {
            color: #fff;
            font-weight: bold;
            background-color: #337ab7;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="view/bootstrap-3.3.5/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="view/bootstrapvalidator/css/bootstrapValidator.css"/>
    <script charset="utf-8" src="view/jquery/jquery-1.10.2.min.js"></script>
    <script charset="utf-8" src="view/bootstrap-3.3.5/js/bootstrap.js"></script>
    <script charset="utf-8" src="view/bootstrapvalidator/js/bootstrapValidator.js"></script>
</head>
<body>

<!-- 搜索 -->
<div class="panel panel-primary">
    <div class="panel-heading">
        <h4 class="panel-title">基础数据搜索</h4>
    </div>
    <div class="panel-body">
        <form action="basic/selectBasic" id="seachform" method="post" class="form-horizontal" role="form">
            <div class="form-group">
                <div class="col-md-12">
                    <label for="type" class="col-md-2 control-label">基础数据类型</label>
                    <div class="col-md-4">
                        <input type="hidden" name="page" id="page" value="${pageBean.page }">
                        <input type="hidden" name="pageSize" id="pageSize" value="${pageBean.pageSize }">
                        <select name="type" class="form-control" id="type">
                            <option value="">--请选择--</option>

                            <option value="1" >--职位--</option>

                            <option value="2" >--地点--</option>

                            <option value="3" >--学历--</option>

                            <option value="4" >--资产来源--</option>

                            <option value="5" >--移动事由--</option>

                        </select>
                    </div>
                    <div class="col-md-6">
                        <button type="button" onclick="searchBtn()" class="btn btn-success">搜索</button>
                        <a type="button" href="basic/toAddBasicdata" class="btn btn-info">添加</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- 列表 -->
<div class="panel panel-primary">
    <table class="table table-bordered table-hover">
        <thead>
        <tr class="thead-blue" align="center">
            <td>编号</td>
            <td>名称</td>
            <td>类型</td>
            <td>状态</td>
            <td>操作</td>
        </tr>
        </thead>
        <tbody>

        <c:forEach items="${pageBean.data}" var="d">
        <tr align="center">
            <td>${d.oid}</td>
            <td>${d.name}</td>
            <td>${d.type=="1"?"职位":d.type=="2"?"地点":d.type=="3"?"学历":d.type=="4"?"资产来源":d.type=="5"?"移动事由":""}</td>
            <td>${d.state=="1"?"启用":"禁用"}</td>
            <td>
                <a type="button" href="basic/toUpdateBasicdata?oid=${d.oid}" class="btn btn-warning btn-xs">修改</a>
                <button type="button" onclick="deleteBasicdata(${d.oid})" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#confirmModal">删除</button>
            </td>
        </tr>
        </c:forEach>
        </tbody>
    </table>
</div>

<!-- 分页 -->
<div class="input-group col-md-6 col-md-offset-3">
    <div class="row">
        <div class="btn-group">
            <button onclick="gotoPage(1,${pageBean.pageSize})" class="btn btn-primary" type="button">首页</button>
            <c:if test="${pageBean.page==1 }">
                <button class="btn btn-primary disabled" type="button">上一页</button>
            </c:if>
            <c:if test="${pageBean.page>1 }">
                <button onclick="gotoPage(${pageBean.page-1},${pageBean.pageSize})" class="btn btn-primary"
                        type="button">上一页
                </button>
            </c:if>

            <button class="btn btn-primary disabled" type="button">当前第${pageBean.page}/${pageBean.pageCount}页</button>

            <div class="btn-group">
                <button type="button" class="btn btn-primary dropdown-toggle"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    每页显示${pageBean.pageSize}条 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="javascript:gotoPage(1,5)">每页显示5条</a></li>
                    <li><a href="javascript:gotoPage(1,10)">每页显示10条</a></li>
                    <li><a href="javascript:gotoPage(1,15)">每页显示15条</a></li>
                    <li><a href="javascript:gotoPage(1,20)">每页显示20条</a></li>
                </ul>
            </div>

            <button class="btn btn-primary disabled" type="button">共${pageBean.rowCount}条记录</button>

            <c:if test="${pageBean.page==pageBean.pageCount }">
                <button class="btn btn-primary disabled" type="button">下一页</button>
            </c:if>
            <c:if test="${pageBean.page<pageBean.pageCount }">
                <button onclick="gotoPage(${pageBean.page+1},${pageBean.pageSize})" class="btn btn-primary"
                        type="button">下一页
                </button>
            </c:if>
            <button onclick="gotoPage(${pageBean.pageCount },${pageBean.pageSize})" class="btn btn-primary"
                    type="button">尾页
            </button>
        </div>
    </div>
</div>

<br><br><br>
<%@include file="../modal/confirm.jsp" %>
<script>
    $(document).ready(function(){
        $("#subconfirm").click(function(){
            deleteConfirm();
            $('#confirmModal').modal('hide');
        });
    });
</script>


<!-- 模态框（Modal） -->
<div class="modal fade" id="alertMsgModal" tabindex="-1" role="dialog" aria-labelledby="alertMsgModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xs">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="alertMsgModalLabel">
                    提示
                </h4>
            </div>
            <div class="modal-body" id="alertmsg">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ajaxError(function(event,xhr) {
        if(xhr.status=="403"){//没有权限
            document.location.href = xhr.getResponseHeader("url");
        }else if(xhr.status!="200"){
            //alert("服务器错误!");
            console.log("服务器错误!");
        }
    });
</script>

</body>
<script type="text/javascript">
    function gotoPage(page,pageSize){
        $("#page").val(page);
        $("#pageSize").val(pageSize);
        $("#seachform").submit();
    }
    function searchBtn(){
        $("#page").val(1);
        $("#seachform").submit();
    }
    var deleteoid;
    function deleteBasicdata(oid){
        deleteoid = oid;
    }

    function deleteConfirm(){
        $.get("basic/deleteBasic",{"oid":deleteoid},function(s){
            if(s==true){
                document.location.href="basic/selectBasic";
            }else{
                $("#alertmsg").text("删除失败,当前职位正在使用!");
                $('#alertMsgModal').modal('show');
            }
        });
    }

    $(document).ready(function () {
        $("#type option[value='${basic.type}']").attr("selected", 'selected');
    });
</script>
</html>